@font-face {
    font-family: digitalRegular;
    src: url('../font/digitalRegular.ttf');
}

.p-14px {
    padding: 14px;
}

.m-14px {
    margin: 14px;
}

.sysDicBadge {
    color: #ffffff;
    padding: 4px 6px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
}

.fixedFullSscreenBox {
    position: absolute;
    width: 1920px;
    height: 1080px;

    /*//TODO 正式版开始fixed*/
    /*position:fixed;*/
    /*top:0;*/
    /*bottom:0;*/
    /*left:0;*/
    /*right:0;*/

}

.fullSscreenBox {
    /*width:100vw;*/
    /*height:100vh;*/

    width: 100%;
    height: 100%;
}

.flexCenterBetween {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flexBetween {
    display: flex;
    justify-content: space-between;
}

.flexEndBetween {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.flexCenterCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flexCenterAround {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.flexCenter {
    display: flex;
    align-items: center;
}

.flexEnd {
    display: flex;
    align-items: flex-end;
}

.digitalFont {
    font-family: "digitalRegular";
}

.border-light-theme {
    border: 1px solid #5BB0EF;
}

.border-bottom-light-theme {
    border-bottom: 2px solid #279CF1;
}

.circleDot {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #04f186;
}

.absoluteFull {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.gradientBox1 {
    background: linear-gradient(90deg, rgba(18, 141, 234, 0), #128dea);
}

.gradientLine2px {
    background: linear-gradient(rgba(47, 219, 236, 0), #2FDBEC, rgba(47, 219, 236, 0));
    width: 2px;
    height: 100%;
}
.gradientLine1px {
    background: linear-gradient(rgba(47, 219, 236, 0), #2FDBEC, rgba(47, 219, 236, 0));
    width: 1px;
    height: 100%;
}

.gradientLine2 {
    background: linear-gradient(0deg, rgba(33, 136, 199, 0), rgb(33, 136, 199));
    width: 1px;
    height: 100%;
}

.gradientLine3 {
    background: linear-gradient(90deg, rgb(33, 136, 199), rgba(33, 136, 199, 0));
    height: 1px;
    width: 100%;
}

.modal-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

/**
**高速公路*/
.timeTabBox {
    padding: 4px 8px;
    border: 1px solid #32A8EC;
    margin-left: -1px;
    line-height: 1;
    text-align: center;
    vertical-align: center;
    cursor: pointer;
    color: #37b1f7;
}

.timeTabBox.active {
    color: white;
    background-color: #006ca5;
}

.invisibleInput {
    border: none;
    width: 100%;
    color: #37b1f7;
    background-color: transparent;
    padding: 4px 10px;
}

.invisibleInput:focus, .invisibleInput:active {
    border: none !important;
    outline: none;
    box-shadow: none;
}

.partBgBox {
    background-color: white;
    border: 1px solid #dcdcdc;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}

.titleBefore {
    height: 16px;
    width: 4px;
    background-color: #4779C2;
    margin-right: 4px;
}


.serviceAreaBox{
    cursor:pointer;
    width:112px;
    height:40px;
    background-image: url("../img/deployment/serviceAreaD.png");
}
.serviceAreaBox.active{
    background-image: url("../img/deployment/serviceArea.png");
}
.tollGateBox{
    cursor:pointer;
    width:112px;
    height:40px;
    background-image: url("../img/deployment/tollGateD.png");
}

.tollGateBox.active{
    background-image: url("../img/deployment/tollGate.png");
}


.tabFooterBox {
    position: absolute;
    bottom: 0px;
    height: 90px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.switchPage{
    z-index:2;
    width:22px;
    height:22px;
    background-image: url("../img/expresswayMapMode/switch.png");
    position:absolute;
    left:1046px;
    top:106px;
    cursor:pointer;
}


.noScrollBar{
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
}
